<%@ page contentType="text/html; charset=UTF-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
       <link rel="stylesheet" type="text/css" href="third-party/jQuery-UI-FileInput/css/enhanced.css">
       <!--init for this page-->
 		<script type="text/javascript" src="<%=basePath%>js/demo.js"></script>
         <!--daterangepicker-->
        <script type="text/javascript" src="<%=basePath%>third-party/jQuery-UI-Date-Range-Picker/js/date.js"></script>
        <script type="text/javascript" src="<%=basePath%>third-party/jQuery-UI-Date-Range-Picker/js/daterangepicker.jQuery.js"></script>
        <!--wijmo-->
        <script src="<%=basePath%>third-party/wijmo/jquery.mousewheel.min.js" type="text/javascript"></script>
        <script src="<%=basePath%>third-party/wijmo/jquery.bgiframe-2.1.3-pre.js" type="text/javascript"></script>
        <script src="<%=basePath%>third-party/wijmo/jquery.wijmo-open.1.5.0.min.js" type="text/javascript"></script>
        <!-- FileInput -->
        <script src="<%=basePath%>third-party/jQuery-UI-FileInput/js/enhance.min.js" type="text/javascript"></script>
        <script src="<%=basePath%>third-party/jQuery-UI-FileInput/js/fileinput.jquery.js" type="text/javascript"></script>
		<!-- <div class="main-content"> -->
		<div id="main-content">




         <!-- File Input-->
          <h2 class="demoheaders">File Input</h2>
	          <form style="margin-top: 1em;"> 
	            <input type="file" class="span3" name="file" id="file">
	          </form>
          <!-- end file input -->
          
          
          <!-- Buttons -->
            <h2 class="demoHeaders">Buttons</h2>
            <div id="buttons">

              <button>Default</button>
              <button class="ui-button-primary">Primary</button>
              <button class="ui-button-success">Success</button>
              <button class="ui-button-error">Danger</button>

              <a class="button">Anchor</a>

              <input type="submit" class="button" value="Submit"/>

            </div>
            <!-- Datepicker -->
            <h2 class="demoHeaders">Datepicker</h2>
            <div id="datepicker"></div>
            <!--end datepicker-->
             <!-- Slider -->
            <h2 class="demoHeaders">Horizontal Slider</h2>
            <div id="slider"></div>
            <!--end slider-->

            <!--Autocomplete-->
            <h2 class="demoHeaders">Autocomplete</h2>
            <!--autocomplete-->
            <div class="ui-widget">
              <label for="tags">Tags: </label>
              <input id="tags" />
            </div>
            <!--end autocomplete-->
		</div>
		